$gray: #e8e0e0;
.cascade_bg {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	z-index: 999;
	animation: mycurtain 2s;
	.close {
		position: absolute;
		color: #c1bcbc;
		text-align: center;
		height: 80rpx;
		width: 80rpx;
		line-height: 80rpx;
		font-size: 20px;			
		&:after {
			content: "\2716";
		}
	}
	.content {
		height: 1100rpx;
		margin-top: 80rpx;
		padding: 0 40rpx;
		animation: mycurtain 2s;
		overflow-y: scroll;
		.desc_title {
			margin: 10rpx 0;
			font-size: 18px;
			font-weight: bold;	
		}
		.text_gap {
			display: flex;
			flex-wrap: wrap;
			margin-top: 10rpx;
			.text_identical {
				padding: 10rpx 30rpx;
				border: 1px solid #ccc;
				border-radius: 10rpx;
				margin-right: 20rpx;
				margin-bottom: 20rpx;
			}
			.active {
				background: #2979ff;
				color: #fff;
			}
		}
	}
	.filter_footer {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		.reset {
			flex: .9
		}
		.confirm {
			margin-left: 20rpx;
			flex: 1
		}
	}
}
.isHide {
	animation: hidecurtain 2s;
}
@keyframes mycurtain
{
	0%   {height: 0;}
	100% {height: 100%;}
}

@keyframes hidecurtain
{
	100% {height: 100%;}
	0%   {height: 0;}
}